<template>
    <div>
        <van-tabbar v-model="active" active-color="#00d2c3">
            <van-tabbar-item to="/" icon="wap-home-o">首页</van-tabbar-item>
            <van-tabbar-item to="classfy" icon="apps-o">分类</van-tabbar-item>
            <van-tabbar-item to="goshoppcar" icon="shopping-cart-o">购物车</van-tabbar-item>
            <van-tabbar-item to="personal" icon="contact">我的</van-tabbar-item>           
        </van-tabbar>
    </div>
</template>

<script>
    import Vue from 'vue';
    import { Tabbar, TabbarItem } from 'vant';

    Vue.use(Tabbar);
    Vue.use(TabbarItem);
    export default {
        data() {
            return {
                active: 0,
            };
        },
    }
</script>

<style lang="less" scoped>
van-tabbar{
    position: fixed;
    bottom: 0;
    z-index: 110!important;
}
</style>